.footerbar {
    background: #fff; /* 背景颜色 */
    border-top: 1px solid #eee; /* 上边框 */
    box-shadow: 0 -5px 16px 0 rgb(0 0 0 / 3%); /* 阴影效果 */
    position: fixed; /* 固定在页面底部 */
    bottom: 0; /* 底部对齐 */
    width: 100%; /* 全宽 */
    display: flex; /* 使用 Flexbox 布局 */
    justify-content: space-between; /* 使子项均匀分布 */
    padding: 8px 15px; /* 内边距 */
    z-index: 1000; /* 确保在上层 */
}

.footer-item {
    text-align: center; /* 文本居中 */
}

.footerbar .enquiry-btn {
    position: absolute; /* 绝对定位 */
    left: 50%; /* 水平居中 */
    transform: translateX(-50%) translateY(-30px); /* 使其在 Y 轴上向上偏移 */
}

.footerbar .enquiry-btn-icon {
    background-color: #d1191a; /* 按钮背景色 */
    color: #fff; /* 按钮文字颜色 */
    border-radius: 50%; /* 圆形按钮 */
    width: 50px; /* 按钮宽度 */
    height: 50px; /* 按钮高度 */
    display: flex; /* 使用 Flexbox 使图标居中 */
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* 阴影效果 */
    transition: transform 0.3s ease; /* 增加过渡效果 */
}

.footerbar .enquiry-btn-icon:hover {
    transform: rotate(45deg) scale(1.1);
}

.footerbar .unread-message-badge {
    position: absolute; /* 绝对定位 */
    top: -5px; /* 向上偏移 */
    left: 50%; /* 水平居中 */
    transform: translateX(10%); /* 轻微向右偏移 */
}

.footerbar .unread-message-badge .fa-circle {
    color: #d1191a; /* 未读消息图标颜色 */
}

.page-header{
    background-color: #fff;
    border-radius: 10px;
    background-image: url(https://www.ruanfujia.com/img/background/recom-bg_938.jpg), linear-gradient(180deg, #f3f5f8, #fff 178px, #fff);
    background-size: 340px auto, auto;
    background-position: 100% 0;
    background-repeat: no-repeat;
    box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1), -8px -8px 20px 0 #fff;
    box-sizing: border-box;
    position: relative;
    padding: 20px;
    margin-top:0;
}

.software-footer-navigation {
    width: 100%;
    height: 60px;
    position: fixed;
    bottom: 0;
    z-index: 1000;
    text-align: center;
    box-shadow: 0 -5px 16px 0 rgba(0, 0, 0, 0.03);
    background-color: white;
    display: flex;
    justify-content: space-between; /* 在主轴上均匀分布 */
    padding: 0;
    margin: 0;
}

/* 按钮容器的样式 */
.software-footer-navigation .software-footer-btn-container {
    height: 100%;
    text-align: center;
    display: flex;
    flex-direction: column; /* 垂直排列 */
    justify-content: center;
    align-items: center;
    margin: 0 5px; /* 添加左右边距以调整按钮之间的间距 */
}

/* 返回主页按钮和收藏按钮的宽度较小 */
.software-footer-navigation .software-home-btn,
.software-footer-navigation .software-favorite-btn {
    width: 13.333%; /* 小按钮宽度 */
}

/* 申请试用和询价按钮的宽度较大 */
.software-footer-navigation .software-action-btn,
.software-footer-navigation .software-inquiry-btn {
    width: 30%; /* 大按钮宽度 */
}

/* 按钮样式 */
.software-footer-navigation .software-footer-btn {
    display: flex; /* 使用 Flexbox */
    flex-direction: column; /* 垂直排列图标和文字 */
    justify-content: center; /* 垂直居中对齐 */
    align-items: center; /* 水平居中对齐 */
    width: 100%;
    border-radius: 4px;
    font-size: 14px;
    padding: 5px; /* 添加内边距以增加点击区域 */
    text-decoration: none; /* 去掉链接下划线 */
    transition: background-color 0.3s, border-color 0.3s; /* 添加过渡效果 */
}

/* 申请试用按钮样式 */
.software-footer-navigation .software-action-btn .software-footer-btn {
    background-color: white; /* 白色背景 */
    border: 1px solid #d1191a; /* 边框颜色 */
    color: #d1191a; /* 文字颜色 */
    height: 40px; /* 固定高度 */
}

/* 询价按钮样式 */
.software-footer-navigation .software-inquiry-btn .software-footer-btn {
    background-color: #d1191a; /* 背景颜色 */
    color: white; /* 文字颜色 */
    height: 40px; /* 固定高度 */
}

/* 图标容器样式 */
.software-footer-navigation .icon-container {
    display: flex;
    justify-content: center;
    align-items: center; /* 图标居中 */
    margin-bottom: 2px; /* 图标和文本之间的间距 */
}

.software-footer-navigation .icon-container i {
    font-size: 1.5em; /* 图标大小 */
}

/* 按钮文字样式 */
.software-footer-navigation .button-label {
    font-size: 85%; /* 文字大小 */
}

/* 响应式设计 */
@media only screen and (max-width: 768px) {
    .software-footer-navigation {
        min-height: 50px; /* 在小屏幕时，导航栏的最小高度 */
    }
}

.right-nav {
    position: fixed;
    right: 15px; /* 缩小右侧间距 */
    top: 50%;
    transform: translateY(-50%);
    background-color: #fff; /* 可根据需求调整 */
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
    border-radius: 6px; /* 圆角边框 */
    z-index: 999; /* 确保位于顶部 */
    display: flex;
    flex-direction: column;
    gap: 6px; /* 按钮之间的间距 */
    padding: 6px; /* 内边距 */
}

.right-nav-button {
    display: flex;
    flex-direction: column; /* 使图标和文字垂直排列 */
    align-items: center; /* 水平居中对齐 */
    text-decoration: none;
    color: #333; /* 文本颜色 */
    padding: 6px; /* 缩小按钮的内边距 */
    border-radius: 4px; /* 按钮圆角 */
    transition: background-color 0.3s, color 0.3s; /* 过渡效果 */
    font-size: 12px; /* 设置字体大小为 12px */
}

.right-nav-button .icon {
    flex-shrink: 0; /* 图标不缩小 */
    font-size: 22px; /* 图标大小 */
    margin-bottom: 4px; /* 图标和文本之间的间距 */
    color: #d1191a; /* 图标颜色 */
}

.right-nav-button:hover {
    background-color: #d1191a; /* 悬停时的背景色 */
    color: #fff; /* 悬停时的文本颜色 */
}

.right-nav-button:hover .icon {
    color: #fff; /* 悬停时图标颜色 */
}

.right-nav .customer-service-button .icon img {
    width: 25px; /* 缩小客服图标宽度 */
}

.right-nav .customer-service-button .icon img.originImg {
    display: block; /* 正常状态的客服图标 */
}

.right-nav .customer-service-button .icon img.hoverImg {
    display: none; /* 悬停状态的客服图标 */
}

.right-nav .customer-service-button:hover .icon img.originImg {
    display: none; /* 悬停时隐藏正常状态的图标 */
}

.right-nav .customer-service-button:hover .icon img.hoverImg {
    display: block; /* 悬停时显示悬停状态的图标 */
}


.btn-chat{
    color: #fff;
    width: 120px;
    line-height: 32px;
    height:36px;
    display: inline-block;
    text-align: center;
    font-size: 14px;
    vertical-align: middle;
    border-radius: 4px;
    border: 1px solid #4cae4c;
    background: #5cb85c;
    webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}
a.btn-chat:focus,a.btn-chat:hover{
    color: #fff;
    background-color: #449d44;
    border-color: #398439;
}

.simulated-image{
    background: linear-gradient(135deg, #4c5aaf, #81c794); height: 100%; display: flex; align-items: center; justify-content: center; color: white; font-size: 1.2em; border-radius: 8px;overflow: hidden
}

.in-block {
    display: inline-block;
}


.w-25 {
    width: 25% !important;
}

.w-50 {
    width: 50% !important;
}

.w-75 {
    width: 75% !important;
}

.w-100 {
    width: 100% !important;
}

.w-auto {
    width: auto !important;
}

.h-25 {
    height: 25% !important;
}

.h-50 {
    height: 50% !important;
}

.h-75 {
    height: 75% !important;
}

.h-100 {
    height: 100% !important;
}

.h-auto {
    height: auto !important;
}

.mw-100 {
    max-width: 100% !important;
}

.mh-100 {
    max-height: 100% !important;
}

.min-vw-100 {
    min-width: 100vw !important;
}

.min-vh-100 {
    min-height: 100vh !important;
}

.vw-100 {
    width: 100vw !important;
}

.vh-100 {
    height: 100vh !important;
}

.m-0 {
    margin: 0 !important;
}

.mt-0,
.my-0 {
    margin-top: 0 !important;
}

.mr-0,
.mx-0 {
    margin-right: 0 !important;
}

.mb-0,
.my-0 {
    margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
    margin-left: 0 !important;
}

.m-1 {
    margin: 0.25rem !important;
}

.mt-1,
.my-1 {
    margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
    margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
    margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
    margin-left: 0.25rem !important;
}

.m-2 {
    margin: 0.5rem !important;
}

.mt-2,
.my-2 {
    margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
    margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
    margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
    margin-left: 0.5rem !important;
}

.m-3 {
    margin: 1rem !important;
}

.mt-3,
.my-3 {
    margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
    margin-right: 1rem !important;
}

.mb-3,
.my-3 {
    margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
    margin-left: 1rem !important;
}

.m-4 {
    margin: 1.5rem !important;
}

.mt-4,
.my-4 {
    margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
    margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
    margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
    margin-left: 1.5rem !important;
}

.m-5 {
    margin: 3rem !important;
}

.mt-5,
.my-5 {
    margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
    margin-right: 3rem !important;
}

.mb-5,
.my-5 {
    margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
    margin-left: 3rem !important;
}

.p-0 {
    padding: 0 !important;
}

.pt-0,
.py-0 {
    padding-top: 0 !important;
}

.pr-0,
.px-0 {
    padding-right: 0 !important;
}

.pb-0,
.py-0 {
    padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
    padding-left: 0 !important;
}

.p-1 {
    padding: 0.25rem !important;
}

.pt-1,
.py-1 {
    padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
    padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
    padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
    padding-left: 0.25rem !important;
}

.p-2 {
    padding: 0.5rem !important;
}

.pt-2,
.py-2 {
    padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
    padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
    padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
    padding-left: 0.5rem !important;
}

.p-3 {
    padding: 1rem !important;
}

.pt-3,
.py-3 {
    padding-top: 1rem !important;
}

.pr-3,
.px-3 {
    padding-right: 1rem !important;
}

.pb-3,
.py-3 {
    padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
    padding-left: 1rem !important;
}

.p-4 {
    padding: 1.5rem !important;
}

.pt-4,
.py-4 {
    padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
    padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
    padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
    padding-left: 1.5rem !important;
}

.p-5 {
    padding: 3rem !important;
}

.pt-5,
.py-5 {
    padding-top: 3rem !important;
}

.pr-5,
.px-5 {
    padding-right: 3rem !important;
}

.pb-5,
.py-5 {
    padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
    padding-left: 3rem !important;
}

.m-n1 {
    margin: -0.25rem !important;
}

.mt-n1,
.my-n1 {
    margin-top: -0.25rem !important;
}

.mr-n1,
.mx-n1 {
    margin-right: -0.25rem !important;
}

.mb-n1,
.my-n1 {
    margin-bottom: -0.25rem !important;
}

.ml-n1,
.mx-n1 {
    margin-left: -0.25rem !important;
}

.m-n2 {
    margin: -0.5rem !important;
}

.mt-n2,
.my-n2 {
    margin-top: -0.5rem !important;
}

.mr-n2,
.mx-n2 {
    margin-right: -0.5rem !important;
}

.mb-n2,
.my-n2 {
    margin-bottom: -0.5rem !important;
}

.ml-n2,
.mx-n2 {
    margin-left: -0.5rem !important;
}

.m-n3 {
    margin: -1rem !important;
}

.mt-n3,
.my-n3 {
    margin-top: -1rem !important;
}

.mr-n3,
.mx-n3 {
    margin-right: -1rem !important;
}

.mb-n3,
.my-n3 {
    margin-bottom: -1rem !important;
}

.ml-n3,
.mx-n3 {
    margin-left: -1rem !important;
}

.m-n4 {
    margin: -1.5rem !important;
}

.mt-n4,
.my-n4 {
    margin-top: -1.5rem !important;
}

.mr-n4,
.mx-n4 {
    margin-right: -1.5rem !important;
}

.mb-n4,
.my-n4 {
    margin-bottom: -1.5rem !important;
}

.ml-n4,
.mx-n4 {
    margin-left: -1.5rem !important;
}

.m-n5 {
    margin: -3rem !important;
}

.mt-n5,
.my-n5 {
    margin-top: -3rem !important;
}

.mr-n5,
.mx-n5 {
    margin-right: -3rem !important;
}

.mb-n5,
.my-n5 {
    margin-bottom: -3rem !important;
}

.ml-n5,
.mx-n5 {
    margin-left: -3rem !important;
}

.m-auto {
    margin: auto !important;
}

.mt-auto,
.my-auto {
    margin-top: auto !important;
}

.mr-auto,
.mx-auto {
    margin-right: auto !important;
}

.mb-auto,
.my-auto {
    margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
    margin-left: auto !important;
}
.position-relative {
    position: relative;
}

.single-entry-content {
    font-size: 16px;
    letter-spacing: 0.1em ;
    line-height: 1.8em ;
    text-align: justify;
}

.entry-content .single-entry-content{
    overflow: hidden;
    overflow-x: auto;
}

.single-entry-content h1,
.single-entry-content h2,
.single-entry-content h3,
.single-entry-content h4,
.single-entry-content h5,
.single-entry-content h6{
    font-weight:bold;
}

.single-entry-content h1 {
    font-size: 24px;
}

.single-entry-content h2 {
    font-size: 22px;
}

.single-entry-content h3 {
    font-size: 20px;
}

.single-entry-content h4 {
    font-size: 18px;
}

.single-entry-content h5 {
    font-size: 16px;
}

.single-entry-content h6 {
    font-size: 14px;
}

.single-entry-content table {
    border-collapse: collapse;
    width: 100% !important;
}

.single-entry-content td {
    border: 1px solid rgb(221, 221, 221);
    padding-left: 5px;
    white-space: normal !important;
    word-wrap: break-word;
    text-overflow: ellipsis;
    overflow: hidden;
}

/* 单行文本省略号 */
.ellipsis-1 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

/* 两行文本省略号 */
.ellipsis-2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

/* 三行文本省略号 */
.ellipsis-3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

/* 四行文本省略号 */
.ellipsis-4 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}

.topbar-right {
    text-align: left;
    display: flex;
    justify-content: flex-end;
}
.topbar-right .top-right-menu{
    display: flex;
    gap: 15px;
}

.text-xs {
    font-size: .75em!important
}

.text-sm {
    font-size: .875em!important
}

.text-md {
    font-size: 1em!important
}

.text-lg {
    font-size: 1.25em!important
}

.text-xl {
    font-size: 2em!important
}
.media-frame-menu .media-menu{
    display:none;
}